<template>
  <div id="app">
   
    <router-view/>
    <!-- 引入公共组件 使用组件-->
    <!-- 方法一 -->
    <!-- <FooterGuide /> -->
    <!-- 方法二 -->
    <FooterGuide v-show="$route.meta.requiresAuth"></FooterGuide>
    
  </div>
</template>

<script>
// 引入底部导航栏组件
import FooterGuide from './components/FooterGuide/FooterGuide'
export default {
  name: 'App',
  components:{
    // 挂载组件
    FooterGuide
  },
  data(){
    return {
     flag:true
    }
  },
  watch:{
    '$route.path':function(newVal,oldVal){
		// console.log(newVal+"---"+oldVal);
        if(newVal === '/login'){
           this.flag=false
        }else {
		    	 this.flag=true  
		    }
      }
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
#app
  width 100%
  height 100%
  background #f5f5f5
</style>
